import { defineComponent } from 'vue'
import { CloseCircleOutlined } from '@ant-design/icons-vue'

export default defineComponent({
  setup() {
    const imgUlr = 'https://img1.baidu.com/it/u=817244212,484997826&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=256'
    return () => (
      <>
        <div class="cms-views-container" style="background: rgba(0, 0, 0, 0.6)">
          <div class="w-full absolute bottom-[52px] left-0 right-0">
            <CloseCircleOutlined class="text-xl text-white float-right mr-4 mb-[22px]" />
            <div>
              <img src={imgUlr} alt="" class="w-[375px] h-[150px] object-cover " />
              <span class="inline-block absolute top-[48px] left-0 px-[6px] py-[2px] text-white text-xs bg-black bg-opacity-30 rounded-tl-lg rounded-br-lg">
                广告
              </span>
            </div>
          </div>
        </div>
      </>
    )
  }
})
